				<script type="text/javascript" src="<?php $this->path('js/jquery.carouFredSel-6.2.0-packed.js');?>"></script>
				<div class="carousel">
					<div class="c_header">
						<div class="grid_10">
							<h2>Best Sellers</h2>
						</div><!-- .grid_10 -->

    					<div class="grid_2">
    						<a id="next_c1" class="next arows" href="#"><span>Next</span></a>
    						<a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a>
    					</div><!-- .grid_2 -->
					</div><!-- .c_header -->

					<div class="list_carousel">
						<ul id="list_product" class="list_product">
						<?php foreach ($lists as $list) { ?>
							<li class="">
								<div class="grid_3 product">
									<php 
										$flag = "src='' atl=''";
										switch($list['flag']) {
											case 1:
												flag = 'src="<?php $this->path('img/sale.png');?>" alt="Sale"';
												break;
											case 2:
												flag = 'src="<?php $this->path('img/top.png');?>" alt="Top"';
												break;
											case 3:
												flag = 'src="<?php $this->path('img/new.png');?>" alt="New"';
												break;
										}
									?>
									<img class="sale" <?php echo flag; ?> />
									<div class="prev">
										<a href="?module=shop"><img src="?module=photo&get=thumbnail&from=item_details&id=<?php echo $list['iid']; ?>&name=iid&ajax=true" alt="" title="" /></a>
									</div><!-- .prev -->
									<h3 class="title"><?php echo $list['name']; ?></h3>
									<div class="cart">
										<div class="price">
											<div class="vert">
												<div class="price_new">&#8369; <?php echo number_format($list['retail_price'], 2, '.',',&nbsp;'); ?></div>
												<div class="price_old"></div>
											</div>
										</div>
										<a href="#" class="bay"></a>
									</div><!-- .cart -->
								</div><!-- .grid_3 -->
							</li>
						<?php } ?>								
						</ul><!-- #list_product -->
					</div><!-- .list_carousel -->
				</div><!-- .carousel -->
<script>
//Carousel 
$(function() {
    $("#slider").carouFredSel({
        prev: '.slidprev',
        next: '.slidnext',
        responsive	: true,
        pagination  : '#myController',
        scroll: 1,
	items		: {
		visible		: 1,
		width		: 870,
		height		: "46%"
	},
        swipe: {
            onMouse: true,
            onTouch: true
	}
    }); 
    $('#list_product').carouFredSel({
        prev: '#prev_c1',
        next: '#next_c1',
        scroll: 1,
        auto: false,
        swipe: {
            onMouse: true,
            onTouch: true
	}
    });
    $('#list_product2').carouFredSel({
        prev: '#prev_c2',
        next: '#next_c2',
        scroll: 1,
        auto: false,
        swipe: {
            onMouse: true,
            onTouch: true
	}
    });
    $('#list_banners').carouFredSel({
        prev: '#ban_prev',
        next: '#ban_next',
        scroll: 1,
        auto: false,
        swipe: {
            onMouse: true,
            onTouch: true
	}
    });
    $('#thumblist').carouFredSel({
        prev: '#img_prev',
        next: '#img_next',
        scroll: 1,
        auto: false,
        circular: false,
        swipe: {
            onMouse: true,
            onTouch: true
	}
    });
    $(window).resize();
});
</script>